<template>
  <Layout>
    <div class="large-screen-home">
      <div class="large-screen-home-content">
        <!-- 左侧 -->
        <Left />
        <!-- 右侧 -->
        <Right />
      </div>
    </div>
  </Layout>
</template>

<script setup>
import { onMounted } from "vue";
import Layout from "../layout.vue";
import Left from "./left.vue";
import Right from "./right.vue";

onMounted(() => {});
</script>

<style lang="scss" scoped>
:deep(.large-screen-home) {
  height: 100%;
  .large-screen-home-content {
    z-index: 999;
    position: relative;
    display: flex;
    height: 100%;
  }
}
</style>
